<template>
  <page-header-wrapper :title="false">
    <a-card title="领取相关设置">
      <a-tabs v-model="activeKey" type="card">
        <a-tab-pane key="1" tab="基础设置"></a-tab-pane>
        <a-tab-pane key="2" tab="业绩规则"></a-tab-pane>
        <a-tab-pane key="3" tab="排名规则"></a-tab-pane>
      </a-tabs>
      <base-setting v-if="activeKey == 1"></base-setting>
      <as-performance v-if="activeKey == 2"></as-performance>
      <as-rank v-if="activeKey == 3"></as-rank>
    </a-card>
  </page-header-wrapper>
</template>

<script>
import AsPerformance from './components/AsPerformance'
import AsRank from './components/AsRank'
import BaseSetting from './components/BaseSetting'

export default {
  components: {
    BaseSetting,
    AsPerformance,
    AsRank
  },
  name: 'ReceiveSetting',
  data () {
    return {
      activeKey: '1'
    }
  }
}
</script>

<style scoped>
@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '~@fullcalendar/timegrid/main.css';
</style>
